@charset "utf-8";


/*==========================================================

	/index.html Grid settings

==========================================================*/


* { margin:0; padding:0; }
*:after { display:block; clear:both; }

body {
	background-color: #FFFFFF;
}
#container {
	width: auto;
}

/*-- Category selector --*/


#content #categorySelector {
	width: 980px;
	overflow: hidden;
	margin: 0 0 20px 0;
	font-family:'Avenir LT W01 85 Heavy';
}

#content #categorySelector h2 {
	width: 111px;/*211*/
	height: 22px;
	float: left;
	border-left: 4px solid #000000;
	padding: 1px 0 0 15px;
	font-family:'Avenir LT W01 95 Black';
	font-size: 16px;
}

#content #categorySelector ul {
	width: 830px; /*730*/
	float: right;
	font-size: 15px;
}

#content #categorySelector li {
	float: left;
	height: 23px;
	margin: 0 15px 0 0;
	background: left top no-repeat;
}


#content #categorySelector li a {
	display: block;
	height: 21px;
	margin: 0 15px 0 0;
	padding: 2px 0 0 29px;
	background: left top no-repeat;
}


#content #categorySelector li.menu0 a {
	background-image: url(../../img/update_cat_icon0.gif);
}

#content #categorySelector li.menu1 a {
	background-image: url(../../img/update_cat_icon1.gif);
}

#content #categorySelector li.menu1 a:hover {
	color: #742274;
}

#content #categorySelector li.menu2 a {	
	background-image: url(../../img/update_cat_icon2.gif);
}

#content #categorySelector li.menu2 a:hover {
	color: #949400;
}

#content #categorySelector li.menu3 a {
	background-image: url(../../img/update_cat_icon3.gif);
}

#content #categorySelector li.menu3 a:hover {
	color: #008553;
}

#content #categorySelector li.menu4 a {
	background-image: url(../../img/update_cat_icon4.gif);}

#content #categorySelector li.menu4 a:hover {
	color: #0C2066;
}

#content #categorySelector li.menu5 a {
	background-image: url(../../img/update_cat_icon5.gif);
}

#content #categorySelector li.menu5 a:hover {
	color: #560000;
}



/*-- Container of grid --*/
#gridContainer {
	width: 980px;
	height: auto;
	clear: both;
}

.related #gridContainer {
	width: 790px;
}

/*-- グリッド本体 --*/
#gridItem {
	margin: 0 0 0px 0;
	padding: 0;
	display: none;
	height: 362px;
	word-wrap: break-word;
	float: left;
}
#gridItem.one { width: 230px; }
#gridItem.two { width: 480px; }


#gridItem a { display: block; }

#gridItem.one a { width: 230px; }
#gridItem.two a { width: 480px; }

#gridItem.PROJECT a:hover,
#gridItem.PROJECT a:hover .content /*,
#gridItem.PROJECT a:hover .date*/ {
	color: /*#742274*/ #D168A1 !important;
}

#gridItem.FAQ a:hover,
#gridItem.FAQ a:hover .content/*,
#gridItem.FAQ a:hover .date */{
	color: /*#949400*/ #BEAA4F !important;
}

#gridItem.EVENT a:hover,
#gridItem.EVENT a:hover .content/*,
/*#gridItem.EVENT a:hover .date*/ {
	color: /*#008553*/ #67BECC !important;
}

#gridItem.NEWS a:hover,
#gridItem.NEWS a:hover .content/*,
/*#gridItem.NEWS a:hover .date*/ {
	color: /*#0C2066*/ #6879C8 !important;
}

#gridItem.PHOTO a:hover,
#gridItem.PHOTO a:hover .content/*,
/*#gridItem.PHOTO a:hover .date*/ {
	color: /*#560000*/ #858585 !important;
}

/*-- メインエリア --*/
/*- #gridItem #topArea { height: 400px; } */
#gridItem #topArea { height: 300px; } 
#gridItem.one 	#topArea { width: 230px; }
#gridItem.two 	#topArea { width: 480px; }

/*-- カテゴリ、日付エリア --*/
#gridItem #bottomArea {
	height: 16px;
	overflow: hidden;
	margin: 10px 0 5px 0;
	font-family:'Avenir LT W01 85 Heavy';
	font-size: 12px; 
	/* 10px */
	background: #ffffff;
}

/*-- ksumi 追記 --*/
#gridItem.PROJECT #bottomArea {
	background: #742274 /*#D168A1*/;
	line-height: 16px; /*kosuge*/
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

#gridItem.NEWS #bottomArea {
	background: #0C2066 /*#6879C8*/;
	line-height: 16px; /*kosuge*/
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

#gridItem.FAQ #bottomArea {
	background: #949400 /*#BEAA4F*/;
	line-height: 16px; /*kosuge*/
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

#gridItem.PTHOTO #bottomArea {
	backgroud: #560000 /*#858585*/;
	line-height: 16px; /*kosuge*/
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

#gridItem.EVENT #bottomArea {
	backgroud: #008553 /*#67BECC*/;
	line-height: 16px; /*kosuge*/
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}


#gridItem.one 	#bottomArea { width: 230px; }
#gridItem.two 	#bottomArea { width: 480px; }

#gridItem #bottomArea .cat {
	float: right;
	padding: 0 0 0 12px;
	background:0 2px no-repeat;
	color: #ffffff;
	padding-right: 5px; /*kosuge*/
}

#gridItem.PROJECT #bottomArea .cat {
	/*background-image: url(../../img/update_cat_icon_m1.gif);*/
	/*color: #742274;*/
}

#gridItem.FAQ #bottomArea .cat {
	/*background-image: url(../../img/update_cat_icon_m2.gif);*/
	/*color: #949400;*/
}

#gridItem.EVENT #bottomArea .cat {
	/*background-image: url(../../img/update_cat_icon_m3.gif);*/
	/* color: #008553;*/
}

#gridItem.NEWS #bottomArea .cat {
	/*background-image: url(../../img/update_cat_icon_m4.gif);*/
	/* color: #0C2066; */
}

#gridItem.PHOTO #bottomArea .cat {
	/*background-image: url(../../img/update_cat_icon_m5.gif);*/
	/* color: #560000; */
}


#gridItem #bottomArea .date {
	float: left;
	color: #ffffff;
	padding-left: 5px; /*kosuge*/
}

/*-- サムネ有り --*/
#gridItem #topArea .thumb {
	display: block;
	float: left;
	z-index: 100;
	border: 3px solid #000000;
}

#gridItem.one #topArea .thumb { width: 224px; }
#gridItem.two #topArea .thumb { width: 474px; }

#gridItem.PROJECT a:hover #topArea .thumb {
	border-color: /*#742274*/ #D168A1;
	color: /*#742274*/ #D168A1;
}

#gridItem.FAQ a:hover #topArea .thumb {
	border-color: /*#949400*/ #BEAA4F;
	color: /*#949400*/ #BEAA4F;
}

#gridItem.EVENT a:hover #topArea .thumb {
	border-color: /*#008553*/ #67BECC;
	color: /*#008553*/ #67BECC;
}

#gridItem.NEWS a:hover #topArea .thumb {
	border-color: /*#0C2066*/ #6879C8;
	border-color: /*#0C2066*/ #6879C8;
}

#gridItem.PHOTO a:hover #topArea .thumb {
	border-color: /*#560000*/ #858585;
	color: /*#560000*/ #858585;
}


/*-- サムネ無し --*/
#gridItem #topArea .thumbHeader {
	float: left;
	height: 3px;
	padding: 0;
	background-color: #000000;
}

#gridItem.one #topArea .thumbHeader { width: 230px; }
#gridItem.two #topArea .thumbHeader { width: 480px; }

#gridItem.PROJECT a:hover #topArea .thumbHeader {
	background-color: #742274;
}

#gridItem.FAQ a:hover #topArea .thumbHeader {
	background-color: #949400;
}

#gridItem.EVENT a:hover #topArea .thumbHeader {
	background-color: #008553;
}

#gridItem.NEWS a:hover #topArea .thumbHeader {
	background-color: #0C2066;
}

#gridItem.PHOTO a:hover #topArea .thumbHeader {
	background-color: #560000;
}




/*-- タイトル --*/
#gridItem #topArea .title {
	clear: both;
	font-weight: bold;
	font-size: 18px;
	padding: 8px 0 10px 0;
	line-height: 1.2;
}

#gridItem #topArea .title .avenir {
	font-weight: normal;
	font-family:'Avenir LT W01 85 Heavy';
}


#gridItem.one 	#topArea .title { width: 230px; }
#gridItem.two 	#topArea .title { width: 480px; }

/*-- 本文 --*/
/* #gridItem #topArea .content { height: auto; font-size: 12px; line-height: 1.5; color: #4c4c4c; } */
#gridItem #topArea .content { height: 0; font-size: 12px; line-height: 1.5; color: #4c4c4c; }
#gridItem.one 	#topArea .content { width: 230px; }
#gridItem.two 	#topArea .content { width: 480px; }


/*-- スペーサー --*/
#gridSpacer {
	margin: 0;
	padding: 0;
	width: 20px;
	height: 332px;
	background-color: 0xFF0000;
	float: left;
}


/*-- other elements --*/
#footer {
	clear: both;
}



/*==========================================================

	Inner related Grid settings

==========================================================*/


#content #mainArea #gridItem {
	margin: 0 0 20px 0;
	padding: 0;
	width: 142px;
	height: 215px;
}

#content #mainArea #gridItem.one { width: 142px; }
#content #mainArea #gridItem.one a { width: 142px; }

/*-- メインエリア --*/
#content #mainArea #gridItem #topArea {
	width: 142px;
	height: 205px;
}

#content #mainArea #gridItem #bottomArea {
	width: 142px;
}

#content #mainArea #gridItem #topArea .thumb {
	width: 136px;
	height: 136px;
}

#content #mainArea #gridItem #topArea .projectCategory {
	width: 136px;
	height: 136px;
	font-size: 14px;
	display: table-cell;
	vertical-align: middle;
	font-family:'Avenir LT W01 85 Heavy';
	color: #000000;
	text-align: center;
}

#content #mainArea #gridItem.PROJECT a:hover #topArea .projectCategory {
	color: #742274;
}

#content #mainArea #gridItem.FAQ a:hover #topArea .projectCategory {
	color: #949400;
}

#content #mainArea #gridItem.EVENT a:hover #topArea .projectCategory {
	color: #008553;
}

#content #mainArea #gridItem.NEWS a:hover #topArea .projectCategory {
	color: #0C2066;
}

#content #mainArea #gridItem.PHOTO a:hover #topArea .projectCategory {
	color: #560000;
}


/* IE 7 */
*:first-child+html #mainArea #gridItem #topArea .projectCategory {
	display: inline;
	zoom: 1;
}

#content #mainArea #gridItem.PROJECT #topArea .cat {
	/*background-image: url(../../img/update_cat_icon_m1.gif);*/
	/*color: #742274;*/
}

#content #mainArea #gridItem.FAQ #topArea .cat {
	/*background-image: url(../../img/update_cat_icon_m2.gif);*/
	/*color: #949400;*/
}

#content #mainArea #gridItem.EVENT #topArea .cat {
	/*background-image: url(../../img/update_cat_icon_m3.gif);*/
	/*color: #008553;*/
}

#content #mainArea #gridItem.NEWS #topArea .cat {
	/*background-image: url(../../img/update_cat_icon_m4.gif);*/
	/*color: #0C2066;*/
}

#content #mainArea #gridItem.PHOTO #topArea .cat {
	/*background-image: url(../../img/update_cat_icon_m5.gif);*/
	/*color: #560000;*/
}


/*-- タイトル --*/
#content #mainArea #gridItem #topArea .title {
	width: 142px;
	height: 50px;
	font-size: 13px;
	font-weight: normal;
}

/*--kosuge追加--日付--*/
#content #mainArea #gridItem #bottomArea .date {
	float: left;
	font-size: 10px; /*10px*/
	padding-left: 5px;
}

/*--カテゴリ--*/
#content #mainArea #gridItem #bottomArea .cat {
	float: right; /*left*/
	font-size: 10px; /*10px*/
	background-repeat: no-repeat;
	padding-right: 5px; /*kosuge*/
}

/*-- スペーサー --*/
#content #mainArea #gridSpacer {
	height: 203px;
}